<%-- 
    Document   : Register
    Created on : Mar 4, 2014, 2:03:18 AM
    Author     : Hung_TaQuang
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%@ taglib prefix="s" uri="/struts-tags"%> 


<html>
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/asset/css/cssRegister.css"/>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <body>
        
        <s:div id="register">
            <s:div id="about">
                <s:div id="gioithieu">
                    <h2>Giới Thiệu Về Hệ Thống Đặt Sân Trực Tuyến</h2>
                    <p>Table là thẻ thường dùng trong HTML. Trong các bố cục kiểu Excel có hàng và cột thì table luôn được ưu tiên sử dụng mặc dù thẻ div cũng làm được điều tương tự về mặt hiển thị - lý do là vì div không thể hiện được sự liên quan giữa các dữ liệu với nhau. Nhưng mục đích chính của bài này lại ở phần khác, đó là trang trí cho thẻ table bằng CSS.</p>
                </s:div>
                <s:div id="dieukhoan">
                    <h2>Điều Khoản Sử Dụng</h2>
                    <p>Table là thẻ thường dùng trong HTML. Trong các bố cục kiểu Excel có hàng và cột thì table luôn được ưu tiên sử dụng mặc dù thẻ div cũng làm được điều tương tự về mặt hiển thị - lý do là vì div không thể hiện được sự liên quan giữa các dữ liệu với nhau. Nhưng mục đích chính của bài này lại ở phần khác, đó là trang trí cho thẻ table bằng CSS.</p>
                </s:div>

            </s:div>

            <s:div id="register-form">
                <s:div id="register-header">
                    <table>
                        <tbody>
                            <tr>
                                <td><a href="#">Đăng Ký</a></td>
                                <td></td>
                                <td><a href="#">Đăng Nhập</a></td>

                            </tr>
                        </tbody>
                    </table>
                </s:div>
                <s:div id="register-body">
                    
                    <s:form action="register-form" method="post" theme="simple">
                    <table>
                        <tbody>

                            <tr>
                                <td class="register-lines"><s:label value="Tài Khoản:"></s:label></td>
                                <td class="register-input"><s:textfield name="userBean.username" /></td>

                            </tr>

                            <tr>
                                <td class="register-lines"><s:label value="Mật Khẩu:"></s:label></td>
                                <td class="register-input"><s:password name="userBean.password" size="20"/></td>
                            </tr>

                            <tr>
                                <td class="register-lines"><s:label value="Nhập Lại Mật Khẩu:"></s:label></td>
                                <td class="register-input"><s:password  name="repassword" size="20"/></td>
                            </tr>

                            <tr>
                                <td class="register-lines"><s:label value="Địa Chỉ Email:"></s:label></td>
                                <td class="register-input"><s:textfield name="userBean.email" size="20"/></td>
                            </tr>

                            <tr>
                                <td class="register-lines"><s:label value="Họ Tên:"></s:label></td>
                                <td class="register-input"><s:textfield name="userBean.fullName" size="20"/></td>
                            </tr>

                            <tr>
                                <td class="register-lines"><s:label value="Ngày Sinh:"></s:label></td>
                                <td class="register-input"><s:textfield   name="userBean.dob" size="20"/></td>
                                
                            </tr>
                             <tr>
                                <td class="register-lines"><s:label value="Giới Tính:"></s:label></td>
                                <td class="register-input"><s:radio name="userBean.sex" list="{'male','female'}" /></td>
                                
                            </tr>
                            
                            <tr>
                                <td class="register-lines"><s:label value="Địa Chỉ:"></s:label></td>
                                <td class="register-input"><s:textfield   name="userBean.address" size="20"/></td>
                            </tr>
                            <tr>
                                <td class="register-lines"><s:label value="Chứng Minh Thư:"></s:label></td>
                                <td class="register-input"><s:textfield  name="userBean.indentifyCard" size="20"/></td>
                            </tr>

                            <tr>
                                <td class="register-lines"><s:label value="Số Điện Thoại:"></s:label></td>
                                <td class="register-input"><s:textfield   name="userBean.phoneNumber" size="20"/></td>
                            </tr>

                            <tr>
                                <td class="register-lines"></td>
                                <td class="register-input"><a href=""><img src="<%=request.getContextPath()%>/asset/images/home.PNG"/></a></td>
                                
                            </tr>
                            <tr>
                                <td class="register-lines"></td>
                                <td><a href="#">Thay Ảnh Khác</a></td>
                            </tr>

                            <tr>
                                <td class="register-lines"><s:label value="Nhập Mã Xác Nhận:"></s:label></td>
                                <td class="register-input"><s:textfield type="text" name="catpcha" size="20"/></td>
                            </tr>

                            <tr>
                                <td class="register-lines"></td>
                                <td class="register-input"><s:checkbox  type="checkbox" name="Yes"/><s:label value="Đồng ý với điều khoản sử dụng"></s:label></td>
                                </tr>

                                <tr>
                                    <td class="register-lines"></td>
                                    <td class="register-input"><s:submit value="Đăng Ký"/></td>
                            </tr>


                        </tbody>
                    </table>
                    </s:form>
                </s:div>

            </s:div>        

        </s:div>



    </body>
</html>
